import React from "react"
import { useTranslation } from "react-i18next"

interface DocTitleProps {
    title: string
    desc: string
}
export const DocTitle = (props: DocTitleProps) => {
    const { title, desc } = props
    const { t } = useTranslation()
    return (
        <div>
            <h1 className="text-3xl py-4">
                <span className="mr-2">{t(title)}</span>
                {title}
            </h1>
            <h6 className="text-sm py-4">{t(desc)}</h6>
            <h2 className="text-2xl py-4">{t("showDemo")}</h2>
        </div>
    )
}
